<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<link rel="stylesheet" href="../../css/style.css" th:href="@{/css/style.css}"/>
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<body>
	<!--[if lt IE 7]>
            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->

	<!-- Add your site or application content here -->
	<form action="#" th:object="${messageInfo}" th:action="@{/}"
		method="post">

		<h1>Get In Touch With Us ...</h1>

		<fieldset id="user-details">

			<label for="name">Name: <span class="required">*</span></label> <input
				type="text" name="name" value="" id="name" placeholder="Your Name"
				required="required" autofocus="autofocus" th:value="*{name}" /> <label
				for="email">Email: <span class="required">*</span></label> <input
				type="email" name="email" value="" id="email"
				placeholder="mail@email.com" required="required" /> <label
				for="phone">Phone:</label> <input type="text" name="phone" value="" />

			<label for="website">Website:</label> <input type="url"
				name="website" value="" />

		</fieldset>
		<!--end user-details-->

		<fieldset id="user-message">

			<label for="message">Your Message: <span class="required">*</span></label>
			<textarea name="message" rows="0" cols="0"></textarea>

			<input type="submit" value="Submit Message" name="submit"
				class="submit" />
			<p id="req-field-desc">
				<span class="required">*</span> indicates a required field
			</p>
		</fieldset>
		<!-- end user-message -->

	</form>

	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>

	<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
	<script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
</body>
</html>
